@import url("swiper-4.1.0.min.css");
@import url("normalize.css");
/*鍏ㄥ眬*/
*{ margin:0; padding:0; /*font:12px/1.5 "寰蒋闆呴粦";*/ font-weight:200; color:#5F5F5F; }
ul{ list-style:none;}
a{text-decoration:none;}
img{ border:none;}
body{ background:#f7f7f7}
@media screen and (max-width: 500px) {
    .cont-text-main img {
     width:100%;display:block;
    }
}
:focus{ outline:none}
.full{ width:100%; float:left;}
.fuller{ width:1200px; margin:0 auto; clear:both;}
.clear:after,
.clear:before{content:''; display:block; clear:both;}

#banner{ width:100%; float:left}
#banner img{ float:left; width:100%;}

.nav-on,nav b.close{ display:none}

header{ width:100%; float:left}
.top{ width:100%; background:#fff; float:left; box-sizing:border-box; padding:30px 40px}
a.logo{ float:left; font-size:0}
nav{ float:left; margin-left:40px}
nav a{ float:left; display:block; margin:0 20px; font-size:16px; height:52px; line-height:52px}
.top-tel{ float:right;}
.top-tel *{ float:left}
.top-tel p{ font-size:14px; line-height:16px; height:32px; padding:10px 0}
.top-tel p b{ font-weight:bold; font-family:Consolas; color:#0055b6; font-size:16px; line-height:16px}


.main{ width:100%; float:left}
.pro-nav{ float:left; width:260px; background:#fff;}
.pro-nav-box{border-bottom:10px solid #1752ba; width:100%; float:left; padding:10px 0}
.pro-nav h3{ height:80px; line-height:80px; background:url(../images/pro-nav-h3-icon.png) no-repeat left 20px center; text-indent:60px; font-size:20px; font-weight:bold; width:100%; float:left; padding:0 20px; box-sizing:border-box; border-bottom:3px double #f3f3f3;}
.pro-nav h3 b{ float:right; font-size:20px; line-height:80px;}
.pro-nav a{ display:block; width:100%; float:left; text-indent:60px; background:url(../images/pro-nav-a-icon.png) no-repeat left 30px center; height:40px; line-height:40px; font-size:16px; font-weight:bold;}
.pro-box{ width:calc(100% - 300px); float:right;}
.pro-title{ width:100%; float:left}
.pro-title *{ float:left; display:block; height:50px; line-height:50px}
.pro-title b{ background:url(../images/pro-title-bg.png) no-repeat left center; text-indent:30px; font-size:16px; color:#0f56b0}
.pro-title span{ color:#bebebe; height:50px; line-height:50px; font-size:16px; font-family:consolas; margin-left:10px}

.pro-box a{ float:left; width:calc((100% - 40px) / 3); display:block; margin-right:20px}
.pro-box a:nth-child(3n+0){ margin-right:0}
.pro-box a *{ display:block; float:left; width:100%}
.pro-box a b{ text-align:center; font-size:16px; height:50px; line-height:50px}

.about{ background:#fff; position:relative}
.about img{ float:left}
.about p{ float:left; width:calc(100% - 880px); box-sizing:border-box; padding:50px; line-height:2; font-size:16px;}

.index-title{ text-align:center; width:100%; float:left; margin:30px 0; font-size:0}
.index-title *{ display:block; width:100%; text-align:center; float:left}
.index-title b{ font-size:30px;}
.index-title span{ font-family:consolas; font-size:16px; color:#878787;}
.index-title i{ width:100px; height:2px; background:#1451bc; display:inline-block; float:none; margin-top:10px}

.case .full a{ float:left; width:calc((100% - 60px) / 4); display:block; margin-right:20px}
.case .full a:nth-child(4n+0){ margin-right:0}
.case .full a *{ width:100%; float:left}
.case .full a b{ height:40px; line-height:40px; font-size:14px; text-align:center;}

.news .full a{ width:calc((100% - 60px) / 3); display:block; float:left; margin-right:20px; border-top:1px solid #cdcdcd; padding-top:10px}
.news .full{ margin-bottom:30px}
.news .full a:last-child{ margin-right:0}
.news .full a > *{ width:100%; float:left; display:block;}
.news .full a strong{ font-size:30px; margin-right:20px}
.news .full a span{ font-size:14px}
.news .full a h3{ font-size:16px; line-height:2; font-weight:bold;}
.news .full a p{ font-size:13px; margin-bottom:10px; line-height:1.8}
.news a.more{ width:280px; text-align:center; border:1px solid #d1d1d1; background:#fff; font-size:16px; text-align:center; line-height:40px; height:40px; margin:30px auto; display:block; clear:both}

footer{ width:100%; float:left; background:#0252a9}
footer .fuller .full{ padding:50px 0; }
footer .fuller .full > *{ float:left}
.bot-logo{ float:left; font-size:0; vertical-align:middle}
.code{ margin:0 80px}
.contact-text{ font-size:14px; color:#fff; float:left; font-weight:bold; line-height:2}

.copyright{ width:100%; float:left;border-top:1px solid #6a95ca; }
.copyright p{line-height:30px; width:100%; float:left; font-size:14px; color:#fff}
.copyright a,
.copyright b{ font-size:14px; color:#fff}

.add-nav{ background: url(../images/add-nav-bg.png); height: 120px}
.add-nav .fuller b{ font-weight:bold; height:120px; line-height:120px; display:block; float:left; color:#fff; font-family:Cambria; font-size:40px;}
.add-nav .fuller div{ float:right; height:120px; line-height:120px; color:#fff; font-size:14px;}
.add-nav .fuller div a{ color:#fff; font-size:14px;}

.list-news-box a{ width:calc((100% - 40px) / 3); display:block; float:left; margin-right:20px; margin-top:20px; border-top:1px solid #cdcdcd; padding-top:10px; padding:10px; box-sizing:border-box; background:rgba(255,255,255,0.9)}
.list-news-box{ margin-bottom:30px}
.list-news-box a:nth-child(3n+0){ margin-right:0}
.list-news-box a > *{ width:100%; float:left; display:block;}
.list-news-box a strong{ font-size:30px; margin-right:20px}
.list-news-box a span{ font-size:14px}
.list-news-box a h3{ font-size:16px; line-height:2; font-weight:bold;}
.list-news-box a p{ font-size:13px; margin-bottom:10px; line-height:1.8}


.list-pro-box{ margin-top:20px}
.list-pro-box a{ float:left; width:calc((100% - 40px) / 3); display:block; margin-right:20px}
.list-pro-box a:nth-child(3n+0){ margin-right:0}
.list-pro-box a *{ display:block; float:left; width:100%}
.list-pro-box a b{ text-align:center; font-size:16px; height:50px; line-height:50px}

.page{ text-align:right; padding:30px 0 50px}
.page *{ display:inline-block;text-align:center; height:28px; line-height:28px; font-size:12px; margin:0 3px; padding:0 10px; border:1px solid #D5D5D5; background:#fff}
.page span{ color:#aaaaaa; background:#E5E5E5; border-color:#FFFFFF}
.page a{ color:#969696;}
.page a:hover{ background:#0252a9; color:#FFFFFF; border-color:#fff}
.page span.active{ background:#0252a9; color:#FFFFFF; border-color:#fff}

.det-page{  border:1px solid #cecece; height:56px; border-right:none; float:left; width:100%; box-sizing:border-box; display:none; margin-bottom:30px}
.det-page a{ display:block; border-right:1px solid #cecece; float:left; height:54px; line-height:54px; width:calc(100% / 3); box-sizing:border-box; background:no-repeat center; text-align:center; font-size:12px; color:#545454; transition:all 0.5s}
.det-page a:nth-child(1){ background-position:15% center}
.det-page a:nth-child(3){ background-position:85% center}

.det-page a:hover{ background-color:#2e2e2e; color:#e0e0e0}
.det-page a:nth-child(1):hover{ background-image:url(../images/left02.png) !important}
.det-page a:nth-child(2):hover{ background-image:url(../images/menu02.png) !important}
.det-page a:nth-child(3):hover{ background-image:url(../images/right02.png) !important}




.cont-title{ float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #ddd;  line-height:60px;}
.cont-title b{  line-height:60px; display:block; float:left; border-bottom:1px solid #0252a9; font-size:24px; font-weight:bold;}
.cont-time{ padding:10px 0; display:block; width:100%; float:left; line-height:20px}
.cont-time b{ margin-right:10px; font-size:14px; font-weight:bold; color:#0252a9; line-height:20px}
.cont-text-main{ width:100%; float:left; padding-bottom:15px;}
.cont-page{ width:100%; float:left; padding-top:20px; border-top:1px solid #ddd; padding-bottom:20px}

.cont-page a{ float:left; width:80px; display:block; border-radius:6px; background:linear-gradient(#fff,#efefef); border:1px solid #ccc; padding:5px 0; transition:all 0.5s}
.cont-page a:hover{ background:#efefef; border-color:#cbcbcb}
.cont-page a *{ display:block; width:100%; text-align:center;}
.cont-page a b{ font-size:14px; font-weight:bold; color:#0252a9}
.cont-page a span{ font-family:Cambria; color:#777}
.cont-page a:last-child{ float:right;}